<template>
    <div style="width: 100%;">
        <el-row>

            <el-col :span="8" :offset="2">
                <div class="appindextitle">
                    家幼APP下载家幼APP下载
                </div>
                <div class="downloadtitle">家幼APP下载安卓端/IOS端</div>
                <div class="downloadtip">安全放心你值得选择的APP安全放心你值得选择的APP安全放心你值得选择的APP</div>
                <div class="downloadtool">
                    <div class="btn active">安卓端下载</div>
                    <div class="btn">IOS苹果端下载</div>
                </div>
            </el-col>
            <el-col :span="8" :offset="2">
                <img class="defaultphone" src="../assets/img/phone1.png"/>
            </el-col>
        </el-row>
    </div>
</template>
<script>
    export default {
        data(){
            return{
            }
        },
        components: {
        },
        methods:{

        },
        mounted() {

        },
        created() {

        }
    }
</script>
<style scoped lang="scss">
    .appindextitle{
        font-size: 50pt;
        line-height: 70pt;
        font-weight: bold;
        margin-top: 70pt;
    }
    .downloadtitle{
        font-size: 25pt;
        color: #BDBDBD;
        line-height: 29pt;
        margin-top: 20pt;
    }
    .downloadtip{
        margin-top: 20pt;
        font-size: 16pt;
        line-height: 22pt;
        color:#8D8D8D;
    }
    .downloadtool{
        margin-top: 35pt;
        overflow: hidden;
        .btn{
            display: inline-block;
            width: 215pt;
            text-align: center;
            line-height: 56pt;
            color: #767676;
            letter-spacing: 3pt;
            cursor: pointer;
        }
        .btn.active{
            color: #fff;
            background-color: #CCCCCC;
        }
    }
    .defaultphone{
        width: 100%;
    }
</style>
